<template>
  <div class="PublicInfoDetail-container">
    <div class="main-container">
      <div class="top-info">
        <div class="company-logo">
          <img src="../assets/image.png" alt="">
        </div>
        <div class="right">
          <div class="company-name">
            天马科技
            <span>（天马科技有限公司）</span>
          </div>
          <div class="row-2">
            新经济时代金融大数据服务及系统提供商  <span>|&nbsp;B轮</span><span>|&nbsp;江苏省 > 南京市</span><span>|&nbsp;2016-07&nbsp;|</span>   查看官网
          </div>
          <div class="row-2">
            天马科技是一家新经济时代金融大数据服务及系统提供商，以数据核心、创新技术、独有的产业链图谱等诸多优势，为全球企业和金融机构提供决策支撑。旗下拥有三款产品：天马科技对接平台、天马科技资管系统、天马科技洞见全领域产业数据平台，向市场上推进产业链接、企业发展、融资对接等合作。
          </div>
        </div>
      </div>
      <div class="info-item">
        <div class="item-title">工商信息</div>
        <el-descriptions :column="3" size="medium" border>
          <el-descriptions-item label="公司名">
            天马科技有限公司
          </el-descriptions-item>
          <el-descriptions-item label="经营状态">
            存续（在营、开业、在册）
          </el-descriptions-item>
          <el-descriptions-item label="营业期限">
            2016-07-08 ~ 2066-07-07
          </el-descriptions-item>

          <el-descriptions-item label="统一社会信用代码">
            91110108MA006R6NX0
          </el-descriptions-item>
          <el-descriptions-item label="成立时间">
            2016-07-08
          </el-descriptions-item>
          <el-descriptions-item label="核准日期">
            2021-06-22
          </el-descriptions-item>

          <el-descriptions-item label="所属行业">
            软件和信息技术服务业
          </el-descriptions-item>
          <el-descriptions-item label="注册资本">
            1941.6万元人民币
          </el-descriptions-item>
          <el-descriptions-item label="实缴资本">
            1941.6万元人民币
          </el-descriptions-item>

          <el-descriptions-item label="公司类型">
            有限责任公司
          </el-descriptions-item>
          <el-descriptions-item label="法定代表">
            柴源
          </el-descriptions-item>
          <el-descriptions-item label="登记机关">
            南京江北新区管理委员会行政审批局
          </el-descriptions-item>

          <el-descriptions-item label="企业地址">
            南京市江北新区智能制造产业园（智合园）科创大道9号A2幢101-1室
          </el-descriptions-item>

        </el-descriptions>
        <el-descriptions :column="1" size="medium" border>
          <el-descriptions-item label="经营范围">
            <template slot="label">
              <div style="width: 226px;">
                经营范围
              </div>
            </template>
            技术推广、技术开发、技术咨询（中介除外）、技术服务、技术转让；计算机系统服务；应用软件服务；数据处理（数据处理中的银行卡中心、PUE值在1.5以上的云计算数据中心除外）；企业策划、设计；企业管理咨询、经济贸易咨询（中介除外）；公共关系服务；市场调查；会议服务；设计、制作、代理、发布广告；承办展览展示。（市场主体依法自主选择经营项目，开展经营活动；依法须经批准的项目，经相关部门批准后依批准的内容开展经营活动；不得从事国家和本市产业政策禁止和限制类项目的经营活动。）依法须经批准的项目，经相关部门批准后方可开展经营活动）一般项目：集成电路设计；计算机软硬件及辅助设备批发；软件开发；电子产品销售；通讯设备销售；计算机软硬件及外围设备制造；非居住房地产租赁；物业管理；组织文化艺术交流活动（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div class="info-item">
        <div class="item-title">融资历程</div>
        <div class="table-wrap">
          <el-table
              :data="financingData"
              border
              style="width: 100%">
            <el-table-column
                label="轮次">
              <template slot-scope="scope">
                {{scope.row.frequency}}
                <el-tag
                    v-if="scope.row.status === 'complete'"
                    :type="'success'"
                    disable-transitions>已完成</el-tag>
              </template>
            </el-table-column>
            <el-table-column
                prop="financingTime"
                label="融资时间">
            </el-table-column>
            <el-table-column
                prop="financingAmount"
                label="融资金额">
            </el-table-column>
            <el-table-column
                prop="investor"
                width="500"
                label="投资方">
              <template slot-scope="scope">
                <span v-for="(item, index) in scope.row.investor" :key="index" style="color: #0E5FD8;">
                  {{item.name}} <span style="color: #212121;">{{item.type}}</span>
                </span>
              </template>
            </el-table-column>
            <el-table-column
                prop="proportion"
                label="比例">
            </el-table-column>
            <el-table-column
                prop="valuation"
                label="估值">
            </el-table-column>
            <el-table-column
                prop="fa"
                label="FA">
            </el-table-column>
            <el-table-column
                prop="source"
                label="来源">
            </el-table-column>
          </el-table>
        </div>
      </div>

      <div class="info-item">
        <div class="item-title">竞争对手 <span class="count">（10）</span></div>
        <div class="table-wrap">
          <el-table
              :data="competitorData"
              border
              style="width: 100%">
            <el-table-column
                type="index"
                label="序号">
            </el-table-column>
            <el-table-column
                label="公司名称">
              <template slot-scope="scope">
                <a href="javascript:;">{{scope.row.name}}</a>
              </template>
            </el-table-column>
            <el-table-column
                prop="introduce"
                width="300"
                label="简介">
            </el-table-column>
            <el-table-column
                prop="domain"
                label="行业领域">
            </el-table-column>
            <el-table-column
                prop="region"
                label="地区">
            </el-table-column>
            <el-table-column
                prop="date"
                label="融资时间">
            </el-table-column>
            <el-table-column
                prop="second"
                label="当前轮次">
            </el-table-column>
            <el-table-column
                prop="money"
                label="融资金额">
            </el-table-column>
            <el-table-column
                width="200"
                label="投资方">
              <template slot-scope="scope">
                <a href="javascript:;">{{scope.row.investor}}</a>
              </template>
            </el-table-column>
            <el-table-column
                label="对比">
              <template slot-scope="scope">
                <a href="javascript:;">+对比</a>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>

      <div class="info-item">
        <div class="item-title">对外投资 <span class="count">（9）</span></div>
        <div class="table-wrap">
          <el-table
              :data="investmentData"
              border
              style="width: 100%">
            <el-table-column
                type="index"
                label="序号">
            </el-table-column>
            <el-table-column
                width="300"
                label="被投资公司">
              <template slot-scope="scope">
                <a href="javascript:;">{{scope.row.name}}</a>
              </template>
            </el-table-column>
            <el-table-column
                prop="introduce"
                label="成立时间">
            </el-table-column>
            <el-table-column
                prop="investmentProportion"
                label="投资比例">
            </el-table-column>
            <el-table-column
                prop="money"
                label="投资金额">
            </el-table-column>
            <el-table-column
                prop="status"
                label="经营状态">
            </el-table-column>
          </el-table>
        </div>
      </div>

      <div class="info-item">
        <div class="item-title">舆情动态 <span class="count">（236）</span></div>
        <div class="list-wrap">
          <div class="list-item" v-for="(item, index) in opinionTrendsList" :key="index">
            <div class="left">
              {{ item.date }}
            </div>
            <div class="middle">
              <div class="row-1">
                {{ item.title }}
              </div>
              <div class="row-2">
                {{ item.text }}
              </div>
            </div>
            <div class="right">
              来源：{{ item.source }}
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      financingData: [
        {
          status: 'complete',
          frequency: 'B轮',
          financingTime: '2020-10-21',
          financingAmount: '1亿人民币',
          investor: [
            {
              name: '兰璞资本',
              type: '',
            },
            {
              name: '德屹资本领投',
              type: '',
            },
            {
              name: '张江科投',
              type: '',
            },
            {
              name: '普罗资本',
              type: '',
            },
            {
              name: '北京润森义信投资管理',
              type: '',
            },
          ],
          proportion: '-',
          valuation: '-',
          fa: '-',
          source: '新闻',
        },
        {
          status: 'complete',
          frequency: 'A轮',
          financingTime: '2019-12-31',
          financingAmount: '未披露',
          investorLead: '国开装备基金',
          investorFollow: '国开装备基金领投、赟汇资本，取势资本',
          investor: [
            {
              name: '国开装备基金',
              type: '领投',
            },
            {
              name: '国开装备基金领投',
              type: '',
            },
            {
              name: '赟汇资本',
              type: '',
            },
            {
              name: '取势资本',
              type: '跟投',
            },
          ],
          proportion: '-',
          valuation: '-',
          fa: '-',
          source: '新闻',
        },
        {
          status: '',
          frequency: '天使轮',
          financingTime: '2019-10-11',
          financingAmount: '未披露',
          investor: [
            {
              name: '经纬中国',
              type: '',
            },
            {
              name: '九合创投',
              type: '',
            },
            {
              name: '蚂蚁金服',
              type: '',
            },
            {
              name: '云晖资本',
              type: '',
            },
            {
              name: '北京春光至圆投资管理',
              type: '',
            },
            {
              name: '杭州弘途股权投资基金管理',
              type: '',
            },
            {
              name: '杭州弘途股权投资基金管理',
              type: '',
            },
            {
              name: '36氪战投(KRKR)',
              type: '',
            },
          ],
          proportion: '-',
          valuation: '-',
          fa: '-',
          source: '工商变更',
        },
      ],
      competitorData: [
        {
          name: '烯牛数据',
          introduce: '中小企业创新数据平台',
          domain: '企业服务金融大数据',
          region: '上海市 > 浦东新区',
          date: '2018-01-01 ',
          second: 'Pre-A轮',
          money: '数千万人民币',
          investor: '梅花创投，青山资本，合合信息，辰星辉月等',
        },
        {
          name: 'IT桔子',
          introduce: '泛互联网行业创投信息服务提供商',
          domain: '企业服务',
          region: '北京市 > 海淀区',
          date: '2019-06-09',
          second: '被收购',
          money: '未披露',
          investor: '华兴资本(01911)',
        },
        {
          name: '企名片',
          introduce: '企业投融资数据库',
          domain: '企业服务金融',
          region: '北京市 > 海淀区',
          date: '2017-11-07',
          second: 'A轮',
          money: '5000万人民币',
          investor: '蓝驰创投，初心资本，晨兴资本，陶石资本',
        },
        {
          name: '虎嗅科技',
          introduce: '科技创投媒体',
          domain: '文娱传媒',
          region: '北京市 > 朝阳区',
          date: '2019-01-17',
          second: '新三板定增',
          money: '未披露',
          investor: '头头是道',
        },
        {
          name: '铅笔道',
          introduce: '创投媒体平台',
          domain: '企业服务文娱传媒',
          region: '北京市 > 海淀区',
          date: '2018-03-01',
          second: 'A轮',
          money: '未披露 ',
          investor: '和骞投资领投，九宜城、英诺天使、险峰长青、知卓资本、微众享基金跟投',
        },
        {
          name: '猎云网',
          introduce: '初创企业媒体服务平台',
          domain: '企业服务',
          region: '北京市 > 海淀区',
          date: '2021-04-07',
          second: '战略投资',
          money: '未披露',
          investor: '联想创投(00992)，华耀资本，诸暨同君投资管理',
        },
        {
          name: '鸵鸟创投媒体',
          introduce: '数据和社群科技创业新媒体',
          domain: '文娱传媒企业服务',
          region: '上海市 > 杨浦区',
          date: '2016-04-02',
          second: 'A轮',
          money: '未披露',
          investor: '中科创星，杭州汉苗投资',
        },
        {
          name: '极客公园',
          introduce: '创投新媒体服务平台',
          domain: '企业服务金融',
          region: '北京市 > 朝阳区',
          date: '2019-08-07',
          second: 'B轮',
          money: '数千万人民币',
          investor: '小米科技(01810)，顺为资本',
        },
        {
          name: '索信达',
          introduce: '金融大数据应用解决方案供应商',
          domain: '金融大数据',
          region: '深圳市 > 南山区',
          date: '2022-01-26',
          second: '股权转让',
          money: '3.14亿人民币',
          investor: '陈桢平',
        },
        {
          name: '通联数据',
          introduce: '智能投顾服务提供商',
          domain: '金融大数据',
          region: '上海市 > 浦东新区',
          date: '2021-09-23',
          second: '战略投资',
          money: '1亿美元',
          investor: 'PAG太盟投资集团',
        },
      ],
      investmentData: [
        {
          name: '重庆鲸准汇德科技有限责任公司',
          date: '2020-05-07',
          investmentProportion: '100.0%',
          money: '500',
          status: '存续(在营、开业、在册)',
        },
        {
          name: '广州鲸创荣耀信息科技有限责任公司',
          date: '2020-05-20',
          investmentProportion: '51.0%',
          money: '51',
          status: '在营（开业）企业',
        },
        {
          name: '江苏数鲸信息科技有限公司',
          date: '2018-02-01',
          investmentProportion: '100.0%',
          money: '1000',
          status: '注销',
        },
        {
          name: '厦门鲸准数服信息科技有限责任公司',
          date: '2020-11-03',
          investmentProportion: '100.0%',
          money: '8000',
          status: '存续（在营、开业、在册）',
        },
        {
          name: '南京鲸创科宇技术服务有限责任公司',
          date: '2020-12-29',
          investmentProportion: '100.0%',
          money: '1941',
          status: '注销',
        },
        {
          name: '北京鲸准数服信息科技有限责任公司',
          date: '2020-03-25',
          investmentProportion: '100.0%',
          money: '1000',
          status: '存续（在营、开业、在册）',
        },
        {
          name: '西安基业长青教育科技有限公司',
          date: '2021-03-30',
          investmentProportion: '51.0%',
          money: '510',
          status: '注销',
        },
        {
          name: '上海鲸耀科技有限公司',
          date: '2020-07-01',
          investmentProportion: '100.0%',
          money: '1500',
          status: '存续（在营、开业、在册）',
        },
        {
          name: '鹰潭鲸准科技有限公司',
          date: '2022-04-08',
          investmentProportion: '100.0%',
          money: '100',
          status: '存续（在营、开业、在册）',
        },
      ],
      opinionTrendsList: [
        {
          date: '1天前',
          title: '中基协秘书长陈春艳：境内指数化投资未来发展空间广阔',
          text: '中基协秘书长陈春艳：境内指数化投资未来发展空间广阔 黄一灵 见习记者 李梦扬 中国证券报·中证网 2022-11-18 16:11 中证网讯（记者 黄一灵 见习记者 李梦扬）11月18日，中国证券投资',
          source: 'cs.com.cn',
        },
        {
          date: '2天前',
          title: '张涵诚：二十大之后各地经济创新式发展的六新建议',
          text: '当前，新一轮科技革命和产业变革席卷全球，数字经济发展所需要的大数据、云计算、物联网、人工智能、区块链等技术不断创新升级，人类的生产和生活方式正在发生巨大的变化，科技创新作为经济增长新动能的作用日益凸显',
          source: 'datayuan.cn',
        },
        {
          date: '2022-11-14',
          title: '高领资本“张磊”「价值」：价值投资方法与哲学',
          text: '此章节有很多商业案例，1W字，可仔细阅读！ 零售行业生态体系图 至此，生态体系里已经有了铁路、连锁超市、知名消费品公司、电视机、电冰箱这些构成要素：铁路把物流和生产周期标准化；连锁超市把购买和服务体验',
          source: '网易',
        },
        {
          date: '2022-11-10',
          title: '中基协秘书长陈春艳：境内指数化投资未来发展空间广阔',
          text: '中基协秘书长陈春艳：境内指数化投资未来发展空间广阔 黄一灵 见习记者 李梦扬 中国证券报·中证网 2022-11-18 16:11 中证网讯（记者 黄一灵 见习记者 李梦扬）11月18日，中国证券投资',
          source: 'cs.com.cn',
        },
        {
          date: '2022-11-09',
          title: '金浦钛业（000545）2022年三季报财报简析，增收不增利',
          text: '10月26日金浦钛业（000545）发布2022年三季报。根据财报显示，本报告期中金浦钛业增收不增利。截至本报告期末，公司营业总收入19.29亿元，同比上升2.62%，归母净利润2346.4万元',
          source: 'stockstar.com',
        },
        {
          date: '2022-11-07',
          title: '百济神州(688235)股票股价,行情,新闻,财报数据',
          text: '公司名称： 百济神州有限公司 主营业务： 研究、开发、生产以及商业化创新型药物 电　　话： 010-58958000,1-3459494123 传　　真： 010-85148699 成立日期： 2010',
          source: '网易',
        },
        {
          date: '2022-11-04',
          title: '五年前年报信披违规，宜通世纪遭证监会立案，此前曾因重金并购巨亏',
          text: '11月4日晚间，物联网明星股宜通世纪晚间公告，收到中国证监会《立案告知书》，因公司2017年年报涉嫌信息披露违法违规，根据相关法律法规，中国证监会决定对其立案。 值得注意的是，此前，宜通世纪曾因重金收',
          source: '腾讯',
        },
        {
          date: '2022-10-14',
          title: '张涵诚：二十大之后各地经济创新式发展的六新建议',
          text: '当前，新一轮科技革命和产业变革席卷全球，数字经济发展所需要的大数据、云计算、物联网、人工智能、区块链等技术不断创新升级，人类的生产和生活方式正在发生巨大的变化，科技创新作为经济增长新动能的作用日益凸显',
          source: 'datayuan.cn',
        },
        {
          date: '2022-10-08',
          title: '高领资本“张磊”「价值」：价值投资方法与哲学',
          text: '此章节有很多商业案例，1W字，可仔细阅读！ 零售行业生态体系图 至此，生态体系里已经有了铁路、连锁超市、知名消费品公司、电视机、电冰箱这些构成要素：铁路把物流和生产周期标准化；连锁超市把购买和服务体验',
          source: '网易',
        },
        {
          date: '2022-10-06',
          title: '李开复曾说：买车是人生中最坏的投资，你怎么看？',
          text: '李开复曾说：买车是人生中最坏的投资，你怎么看？其实啊，买车作为投资真的很糟糕。这辆车的价值在你拿到它的第一天就会贬值。有一种说法是，您将获得20％的折扣。 那你每天都要花钱，包括油费、维修费、保险费。',
          source: '网易',
        },
        {
          date: '2022-10-03',
          title: '投资人规劝企业创始人不要太“清高”：应该守住现金流_牛市点线面_澎湃新闻',
          text: '投资人规劝企业创始人不要太“清高”：应该守住现金流 澎湃新闻记者 戚夜云 2022-10-03 12:07 来源：澎湃新闻 “这时候还在搞装修',
          source: 'thepaper.cn',
        },
      ]
    }
  }

}
</script>

<style scoped lang="less">
a {
  color: #0E5FD8;
  text-decoration: none;
}
.PublicInfoDetail-container {
  background-color: #E2E7EF;
  padding: 10px;
  .main-container {
    background-color: #fff;
  }
  .top-info {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid #E2E7EF;

    .company-logo {
      width: 80px;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #E2E7EF;
      img {
        width: 100%;
      }
    }

    .right {
      width: 100%;
      padding-left: 30px;
      .row-2 {
        font-size: 12px;
        line-height: 18px;
        color: #212121;
        padding-top: 12px;
        span {
          display: inline-block;
          color: #999999;
          padding-left: 10px;
        }
      }
    }
    .company-name {

      color: #212121;
      font-size: 24px;
      font-weight: normal;
      line-height: 36px;

      span {
        display: inline-block;
        font-size: 14px;
      }
    }
  }
  .info-item {
    padding: 12px 30px 60px;
    .item-title {
      font-size: 16px;
      line-height: 24px;
      padding-bottom: 8px;
      padding-left: 8px;
      position: relative;
      .count {
        color: #999999;
      }
      &:before {
        position: absolute;
        left: 0;
        top: 3px;
        content: '';
        width: 3px;
        height: 16px;
        background-color: #5582F3;
      }
    }
    .list-wrap {
      border-bottom: 1px solid #E5E5E5;
      .list-item {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #E5E5E5;
        padding: 20px 0;
        .left {
          width: 10%;
          color: #999999;
          font-size: 12px;
          line-height: 18px;
        }
        .middle {
          width: 70%;
          .row-1 {
            color: #212121;
            font-size: 14px;
            line-height: 20px;
          }
          .row-2 {
            color: #666666;
            font-size: 12px;
            line-height: 18px;
          }
        }
        .right {
          color: #999999;
          width: 20%;
          text-align: right;
          font-size: 12px;
          line-height: 18px;
        }
        &:hover {
          .middle {
            .row-1 {
              color: #0E5FD8;
            }
          }
        }
      }
    }
  }
}
</style>